<template>
    <div class="warp">
    	<header>
    		<span class="left"><router-link to='/'><img src="../../static/img/return.png"/></router-link></span>
    		<span class="center">泡百科</span>
    		<span class="right"></span>
    	</header>
    	
    	
    	<main>
    			
    		<div class="wenhua">
    			
    			<h1>{{text}}</h1>
    			<p>{{text1}}</p>
				<p><img src="../../static/img/baike-1.png"/></p>    			
    			<ul class="_ul">
    				<li v-for='item in texts'>
    					<p>{{item.text}}</p>
    				</li>
    				
    			</ul>
    		</div>
    		
  
    
    		
    		
    	</main>
    	
    	
    	
    	
 </div>	
</template>
 		<script>
    	import axios from 'axios'
 		
    		export default {
    			name:'warp',
		  data () {
		  	return {
		  		text:'黑茶竟然能闯出这样的大祸！难以置信！',
		  		text1:'2015-10-20　15:27:12',
				texts:[],
				currIndex:0,
			   tab:1
		     }
		  },
		  mounted () {
		    axios.get('../../static/json/baike.json')
			   .then(response => {
				this.texts = response.data
				console.log(this.texts)
			}) 
		          
		 }
		 
		}
    	</script>
    	
    	<style scoped lang="less"4>
    		@import '.././assets/less/header.less';
    		@import '.././assets/less/baike.less';
    	</style>